<@libMacro.datatables tableTools="false" colVis="false" />
<div class="row">
	<div class="col-xs-12">
		<div class="row">
			<div class="col-xs-12">
				<div class="table-header">
					Demo列表
				</div>

				<div>
					<table id="demoListTable" class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
									<th>DEMOID</th>
									<th>DEMONAME</th>
									<th>DEMOURL</th>
									<th>DEMOORG</th>
									<th>DEMODEPT</th>
									<th>DEMOUSER</th>
									<th>DEMOSTATUS</th>
									<th>DEMOPIC</th>
									<th>DEMOFILE</th>
									<th>DEMODATE</th>
									<th>REMARK</th>
							</tr>
						</thead>
						<tbody>
						    <#list demoList as demo>
							    <tr>
										<td>${demo.demoid}</td>
										<td>${demo.demoname}</td>
										<td>${demo.demourl}</td>
										<td>${demo.demoorg}</td>
										<td>${demo.demodept}</td>
										<td>${demo.demouser}</td>
										<td>${demo.demostatus}</td>
										<td>${demo.demopic}</td>
										<td>${demo.demofile}</td>
										<td>${demo.demodate}</td>
										<td>${demo.remark}</td>
								</tr>
							</#list>							
						</tbody>
					</table>
				</div>
			</div>
		</div>
		
	</div>
</div>

<script type="text/javascript">
	
var dataTables;		
$(function(){
	dataTables = $("#demoListTable").dataTable({
	     bAutoWidth: false,		    
	     "bDestroy":true,
		"aoColumnDefs": [{"bSortable": false, "aTargets": [ 0 ],"bSortable": false}],
		"aaSorting": [],
	});
});


var scripts = [null, null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	<!--使dialog的title属性支持html代码-->
	$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
		_title: function(title) {
			var $title = this.options.title || '&nbsp;'
			if( ("title_html" in this.options) && this.options.title_html == true )
				title.html($title);
			else title.text($title);
		}
	}));   
});
</script>